body{ 
    background:#000d4a url(../images/bg.jpg) center top; 
    background-size:cover;color:#666;
}

/* 头部START */
header{
    height: 1.05rem;
    height: 0.525rem;
    background: url(../images/head_bg.png) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-content: center;
}

/* 顶部标题START */
header h1{
    font-size: 0.2rem;
    line-height: 0.4rem
}
/* 头部END */

/* 主体内容START */
main ul{
    display: flex;
    justify-content: space-between;
}

main ul li{
    padding: 0px 0.05rem;
}

/* 左右两块的样式 */
main ul li:nth-child(odd){ 
    width: 30%;
    /* background-color: pink; */
    border: 1px black solid;
    height: 5rem;
}

/* 中间的样式 */
main ul li:nth-child(2){ 
    width: 40%;
    /* background-color: pink; */
    border: 1px black solid;
    height: 5rem;
}

/* 主体内容END */

/* echarts外容器START */
.echartsBox{
    position: relative;
    height: 32%;
    padding:0px 0.1rem;
    /* background-color: red; */
    margin-bottom: 0.05rem;
}

.echartsBox_title{
    font-size: .1rem;
    color: #fff;
    text-align: center;
    line-height: .1rem;
}

#echartsBox{
    width: 100%;
    height: 90%;
}
/* echarts外容器END */

/* 中间上容器START */
.Middle_TOP_Box{
    position: relative;
    height: 18%;
    background-color: red;
}
/* 中间上容器END */
/* 百度地图 */
#map_container {
    position: relative;
    height: 66.6%;
    /* background-color: yellow; */
}

#tools {
    position: absolute;
    z-index: 100;
    right: 5px;
    bottom: 5px;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
}


#tools button {
    width: 100px;
    height: 30px;
}
/* 中间下容器START */

/* 中间下容器END */


/* echarts图标块的四个角边框START */
.echartsBox{ border: 1px solid rgba(25,186,139,.17); padding:0.1rem;  background: rgba(255,255,255,.04) url(../images/line.png); background-size: 100% auto; position: relative; margin-bottom: .075rem; z-index: 10;}
.echartsBox:before,
.echartsBox:after{ position:absolute; width: .05rem; height: .05rem; content: "";  border-top: 2px solid #02a6b5; top: 0;}
.echartsBox:before,.echartsBox_buttom_border:before{border-left: 2px solid #02a6b5;left: 0;}
.echartsBox:after,.echartsBox_buttom_border:after{border-right: 2px solid #02a6b5; right: 0;}

.echartsBox_buttom_border{ position:absolute; bottom: 0; width: 100%; left: 0;}
.echartsBox_buttom_border:before,
.echartsBox_buttom_border:after{ position:absolute; width: .05rem; height: .05rem;  content: "";border-bottom: 2px solid #02a6b5; bottom: 0;}
/* echarts图标块的四个角边框END */

